<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html">
    
    <h:head>
        <title><ui:insert name="title">Template</ui:insert></title>
        <h:outputStylesheet library="css" name="cssLayout.css" />
        <h:outputStylesheet library="css" name="default.css" />
        <h:outputScript library="js" name="mascaras.js" />
    </h:head>
    
    <h:body>
        
        
        <div id="top">
            <ui:insert name="top">
                <h:panelGrid columns="3" border="0" >
                    <h:panelGroup >
                        <h:graphicImage library="imagens" name="logo.png" />
                    </h:panelGroup>
                    <h:panelGroup>
                        <center><h3><h:outputLabel value="  CS - Church Solution - Igreja do Nazareno Vila Real"/></h3></center>
                    </h:panelGroup>
                </h:panelGrid>
            </ui:insert>
        </div>
        
        <div id="divMainMenu">
            <ui:insert name="mainMenu">
                <h:panelGrid columns="1" >
                    <h:outputLabel value="Seja bem vindo!"/>
                </h:panelGrid>
            </ui:insert>    
        </div>

        <div id="content" class="center_content">
            <table border="0" width="100%">
                <tr>
                    <td>
                        <div id="divSubtitle">
                            <h1><ui:insert name="subtitle" >Template</ui:insert></h1>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td><center><h:messages /></center></td>
                </tr>
            </table>
            
            <table border="0" width="100%">
                
                <tr>
                    <td width="20%" valign="top">
                        <div id="divLeftMenu">
                            <ui:insert name="leftMenu"></ui:insert>
                        </div>
                    </td>
                    <td width="60%" valign="top">
                        <div id="divContainer">
                            <ui:insert name="content">Content</ui:insert>
                        </div>
                    </td>
                    <td width="20%" valign="top">
                        <div id="divRightMenu">
                            <ui:insert name="rightMenu"></ui:insert>
                        </div>
                    </td>
                </tr>
                
            </table>
            <p/>
            <div id="divEndPage">
               <h6><ui:insert name="subtitle" >Final de página</ui:insert></h6>
            </div>
        </div>
        
        <div id="bottom">
            <ui:insert name="bottom">
                <h:outputText value="CS - Church Solution - The Developers Company &copy; 2013" />
            </ui:insert>
        </div>

    </h:body>
    
</html>
